<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="app">你好</div>
</body>
<style>

    #app{
        /*设置字体系列*/
        font-family: '微软雅黑';
        /*字体大小*/
        font-size: 12px;
        /*字体风格*/
        font-style: italic;
        /* 以小型大写字体或正常字体显示文本 */
        font-variant: 5px;
        /* 设置字体的粗细 */
        font-weight: 5em;
    }

    /* 引入自己定义的字体文件 */
    @font-face{
        font-family: myfont;
        src:url();
    }
    div{
        font-family: myfont;
    }
</style>
</html>